<template>
    <div>
        <h1>用户列表</h1>
        <a-list :grid="{ gutter: 16, column: 4 }" :data-source="data">
            <a-list-item slot="renderItem" slot-scope="item, index">
                <a-card :title="item.title">
                    Card content
                </a-card>
            </a-list-item>
        </a-list>
    </div>
</template>

<script>
  const data = [
    {
      title: 'Title 1',
    },
    {
      title: 'Title 2',
    },
    {
      title: 'Title 3',
    },
    {
      title: 'Title 4',
    },
  ];
  export default {
    name: 'index',
    data() {
      return {
        data,
      };
    },
  }

</script>

<style scoped>

</style>
